草庐IT

HTML 图像

全部标签

javascript - 使用 html2canvas 截取 <body> 的屏幕截图并将图像存储为 JS var

我试图让我网站上的用户按下一个按钮来截取当前屏幕的屏幕截图(正文中的所有内容)。根据我的研究,html2canvas似乎是一种使这成为可能的资源。我的问题是文档没有提供示例代码,我很难掌握所涉及的步骤。http://html2canvas.hertzen.com/documentation.html以下SO问题(Howtouploadascreenshotusinghtml2canvas?)让我有点困惑。我现在只想知道如何获取图像。来自他的代码。$(window).ready(function(){('body').html2canvas();varcanvasRecord=newht

javascript - 使用ajax预加载图像

在以下位置找到了使用ajax预加载内容的技术:http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/window.onload=function(){setTimeout(function(){//XHRtorequestaJSandaCSSvarxhr=newXMLHttpRequest();xhr.open('GET','http://domain.tld/preload.js');xhr.send('');xhr=newXMLHttpRequest();xhr.open('GET','http:/

javascript - JavaScript 中的 HTML 和 CSS 到 PDF

我知道那里有很多库,但似乎没有一个完全符合我的情况。所以我希望在这里得到一些建议...技术:我在后端使用Express.js上的Node.js,前端使用html/css/js。浏览器支持IE8及更高版本、chrome、FF和其他现代浏览器。我需要做的是:有一个“topdf”按钮供用户单击,然后将一部分DOM转换为pdf。当后端对另一个应用程序进行API调用时,动态生成这段DOM的html。CSS是静态的。除了这些,我有很大的自由做任何我想做的事,只要我不必向第三方发送明文数据等等。有什么推荐的方法吗?更新:查看wkhtmltopdf 最佳答案

javascript - MobileSafari 未通过 JavaScript 返回正确的图像大小信息

我有一个HTMLtestpageforthisissuehere.出于某种原因,MobileSafari将任何超过1700像素的图像的Image.width/height属性报告为其值的一半。也就是说,JPG的width属性是2000,但MobileSafariJavaScript将其报告为1000。如果我对1700像素宽的图像尝试相同的代码,我会得到正确的宽度。Thetest我确实加载了两个图像(不同尺寸的相同图像)并显示了JavaScript大小值。我试过:MacOSX10.6.8中的Chrome22、Safari5.1.7、Firefox15.0.1(正确大小)iOS模拟器4.3

javascript - 在奇数位置设置动画时在 Chrome 中抖动图像

我正在尝试创建某种掩蔽动画,其中图像从其中心显示(编辑:“中心”不一定表示实际背景图像的中心,但可见区域的中心!/edit)。到目前为止它运行良好,唯一的问题是在Chrome中(当前在Windows7x64上为24.0.1312.52m)显示的内容正在抖动。这是一个jsfiddle示例:http://jsfiddle.net/BaKTN/到目前为止,我发现可以通过不禁用background-repeat(http://jsfiddle.net/BaKTN/1/)来解决这个问题。不确定内部到底发生了什么,但这会使图像留在它所属的位置。不幸的是,这只是问题的一半,当外部容器放置在奇数坐标时

javascript - 在 html div 中呈现 ExtJS 4+ MVC 应用程序 - 如何做?

到目前为止,我找到的所有示例都解释了如何在“视口(viewport)”中呈现ExtJS(4.2)MVC应用程序,换句话说,这意味着整个浏览器屏幕,并占据整个HTML主体。我想在命名DIV中的现有HTML页面中呈现应用程序,以便我可以围绕应用程序进行HTML设计。我见过一些带有ExtJS4示例的站点,它们使用技巧通过使用IFRAME在页面中呈现ExtJS应用程序。是否可以避免使用IFRAME?并且,如果是的话,ExtJS4.2应用程序的骨架在div中呈现时应该是什么样子。注意:在ExtJS3中,我找到了解决方案,方法是创建一个面板作为主容器,在命名的div中呈现。然而,4.2版(可能还有

javascript - 获取远程加载图像的图像 url 的文件大小

我在jQuery中有一个简单的正则表达式函数,用于将图像标记添加到用户发布的图像URL。因此,当用户发布例如www.example.com/image.jpg时,将添加图像标签,以便用户无需单击URL即可查看图像。varhostname=window.location.hostname.replace(/\./g,'\\.');varre=newRegExp('(http:\\/\\/[^'+hostname+']\\S+[\\.jpeg|\\.png|\\.jpg|\\.gif])','g');$(".texthold").each(function(){$(this).html($

javascript - 在使用 FileReader 上传之前预览图像,旋转图像

我看到很多关于在上传前查看图片的帖子。一篇文章有​​一个使用FileReader实现的非常简单的方法:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#preview_image').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}$("#image_input").change(function(){readURL(this);

javascript - 在 Node.JS 中将文本/字符串转换为图像的最佳方式

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。社区在上个月审查了是否重新打开此问题并使其关闭:原始关闭原因未解决Improvethisquestion我想将我的文本字符串转换为具有基本字体的图像。我想在Node服务器上执行此操作。有没有你可能使用过的图书馆?非常感谢任何帮助。

javascript - Bootstrap 3 Tabs 和 HTML5 表单验证

验证隐藏选项卡上的元素的经典问题。我已经阅读了一百篇包含复杂解决方法的帖子。有没有人有更简单、更优雅的解决方案,适用于一般情况?即没有专门针对每种形式进行编码?HTML5promise提供一个优雅的解决方案。但是Tabs搞砸了......谢谢更多……?来自Bootstrap示例。如果您有标记为“必填”的字段(HTML5验证),验证将不适用于非事件(隐藏)选项卡。而且我相信其他javascript验证技术也会因制表符而失败。我希望有人有很好的通用技术来解决,不需要在每个页面上写入代码。HTML5验证非常干净-直到您添加标签...它不会提交。但它也不会报错...HomeProfileMes